<template>
	<div style="background-color: #f0f2f5; height: 100vh; width: 100%;">
		<div style="display: flex; position: absolute;top:30%;left:50%;transform: translate(-50%,-50%);">
			<div style="display: flex;">
				<div>
					<img src="@/assets/notfound.svg" style="width: 300px;">
				</div>
				<div style="margin: 0px 50px;">
					<div style="font-size: 60px;font-weight: bold;">404</div>
					<h3 style="line-height:50px; color: #888;font-size: 16px">抱歉，您访问的页面不存在</h3>
					<div>
						<el-button type="primary" @click="handleBack">返回首页</el-button>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "login",
		data() {
			return {
				loginForm: {
					username: '',
					password: '',
					remember: false,
				},
				rules:{
					"username":[{required:true,message:"请填写账号名",trigger:'blur'}],
					"password":[{required:true,message:"请填写登录密码",trigger:'blur'}]
				}
			}
		},
		methods:{
			handleBack(){
				this.$router.push({
					path:'/admin/dashboard'
				})
			}
		}
	}
</script>

<style scoped>
	

	 
</style>